import VueX from 'vuex'
import Vue from 'vue'
Vue.use(VueX)

const store=new VueX.Store({
    state:{         // 存放歌曲数据
        title:window.localStorage.getItem('title'),//歌曲名称
        id:window.localStorage.getItem('id'),  //歌曲id
        name:window.localStorage.getItem('name'),//歌曲作者
        al:window.localStorage.getItem('al'),//歌曲专辑名称
        picUrl:window.localStorage.getItem('picUrl'),//歌曲图片
        albumId:window.localStorage.getItem('albumId'),//专辑id
        songList:window.localStorage.getItem('songList'),//歌曲列表{title,id,name,al,picUrl}
        // orderId:window.localStorage.getItem('orderId'),  //歌单id
    },
    mutations:{  //修改state中数据的一些方法
        //修改歌曲数据
        SET_Song_Id: (state,data)=>{
            state.title=data.title;
            state.id=data.id;
            state.name=data.name;
            state.al=data.al;
            state.picUrl=data.picUrl;
            window.localStorage.setItem('title',data.title);
            window.localStorage.setItem('id',data.id);
            window.localStorage.setItem('name',data.name);
            window.localStorage.setItem('al',data.al);
            window.localStorage.setItem('picUrl',data.picUrl);
        },
        //修改专辑数据
        SET_Album_Id:(state,albumId)=>{
            state.albumId=albumId;
            window.localStorage.setItem('albumId',albumId)
        },
        //更新歌曲列表
        SET_Song_List:(state,data)=>{
            state.songList=data;
            window.localStorage.setItem('songList',data)
        }

    }
})

export default store